@import './variable.scss';
@import './func.scss';
@import './global.scss';
@import './header.scss';
@import './list.scss';
@import './awesome.scss';
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}

//过滤器样式暂定,只为调试
.k-filter-list {
  .k-filter-item {
    float: left;
    margin-right: 50px;
    padding: 15px 0;
    cursor: pointer;
    color: $grayL2;
    &.current {
      color: $mainBlue;
    }
  }
}

.k-msg-list {
  border: 1px solid #ebebeb;
  .k-msg-item {
    $paddingLeft: 30px;
    $paddingRight: 160px;
    $height: 50px;
    $bg: #fefefe;
    $color: #333;
    $textTimeGap: 20px;
    position: relative;
    padding-left: $paddingLeft;
    padding-right: $paddingRight;
    @include textVerticalCenter($height);
    font-size: 16px;
    color: $color;
    background: $bg;
    cursor: pointer;
    &:nth-child(even) {
      background: darken($bg, 10%);
    }
    .k-msg-text {
      max-width: $pageWidth/2;
      @include textEllipsis;
    }
    .k-time {
      width: $paddingRight;
      text-align: right;
      right: 30px;
    }
  }
}

.k-time {
  position: absolute;
  top: 0;
  right: 0;
  line-height: inherit;
}
